
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1"/>
		<link rel="stylesheet" type="text/css" href="framework/font-awesome/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="framework/reset.css"/>
		<link rel="stylesheet" type="text/css" href="./css/login.css"/>
		<title>饿了么 用户登录</title>
	</head>
	<body>
		<div class="wrapper"> 
			<header >
				<p>用户登录</p>
			</header>
			<ul class="form-box">
				<li>
					<div class="title">
						手机号码：
					</div>
					<div class="content">
						<input type="text" placeholder="手机号码"/>
					</div>
				</li>
				<li>
					<div class="title">
						密码：
					</div>
					<div class="content">
						<input type="password" placeholder="密码"/>
					</div>
				</li>
			</ul>
			<div class="button-login">
				<button type="button">登录</button>
			</div>
			<div class="button-register">
				<button type="button">去注册</button>
			</div>
			<ul class="footer">
				<li>
					<i class="fa fa-home"></i>
					<p>首页</p>
				</li>
				<li>
					<i class="fa fa-compass"></i>
					<p>发现</p>
				</li>
				<li>
					<i class="fa fa-file-text-o"></i>
					<p>订单</p>
				</li>
				<li>
					<i class="fa fa-user-o"></i>
					<p>我的</p>
				</li>
			</ul>
		</div>
	</body>
</html>
